.box {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../images/bj2.png) no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main {
  width: 78%;
  margin: auto;
  border: 1px solid #868090;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  height: 0.61333333rem;
  border: 1px solid #868090;
  margin-top: 0.86666667rem;
  margin-bottom: 0.42666667rem;
}
.main .phone i {
  color: #ccc;
  font-size: 18px;
  font-size: 0.46666667rem;
  width: 15%;
  text-align: center;
}
.main .phone input {
  width: 85%;
  background: none;
  border: none;
  outline: none;
  font-size: 0.26666667rem;
  color: #ccc;
}
.main .phone input::-webkit-input-placeholder {
  color: #ccc;
}
.main .phone input:-ms-input-placeholder {
  color: #ccc;
}
.main .phone input::placeholder {
  color: #ccc;
}
.main .yanzheng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  height: 0.61333333rem;
  border: 1px solid #868090;
}
.main .yanzheng i {
  color: #ccc;
  font-size: 0.46666667rem;
  width: 15%;
  text-align: center;
}
.main .yanzheng input {
  width: 60%;
  background: none;
  border: none;
  outline: none;
  font-size: 0.26666667rem;
  color: #ccc;
}
.main .yanzheng input::-webkit-input-placeholder {
  color: #ccc;
}
.main .yanzheng input:-ms-input-placeholder {
  color: #ccc;
}
.main .yanzheng input::placeholder {
  color: #ccc;
}
.main .yanzheng button {
  width: 25%;
  height: 100%;
  border: none;
  background: #832a5d;
  color: #ccc;
  outline: none;
}
.main .xingbie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  border: 1px solid #868090;
  height: 0.61333333rem;
  margin-top: 0.42666667rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .xingbie span {
  width: 20%;
  text-align: center;
  font-size: 18px;
  color: #ccc;
}
.main .xingbie p {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main .xingbie p img {
  height: 0.46666667rem;
  padding-left: 0.06666667rem;
  padding-right: 0.06666667rem;
}
.main .xingbie p a {
  color: #ccc;
  font-size: 12px;
  padding-left: 0.06666667rem;
  padding-right: 0.06666667rem;
}
.main .xingbie p:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main .xingbie p:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main .mima {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  border: 1px solid #868090;
  height: 0.61333333rem;
  margin-top: 0.42666667rem;
}
.main .mima i {
  color: #ccc;
  font-size: 0.42666667rem;
  width: 15%;
  text-align: center;
  font-style: normal;
}
.main .mima input {
  width: 85%;
  background: none;
  border: none;
  outline: none;
  font-size: 0.32rem;
  color: #ccc;
}
.main .mima input::-webkit-input-placeholder {
  color: #ccc;
}
.main .mima input:-ms-input-placeholder {
  color: #ccc;
}
.main .mima input::placeholder {
  color: #ccc;
}
.main .xieyi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.61333333rem;
  margin-top: 0.33333333rem;
  margin-bottom: 0.33333333rem;
}
.main .xieyi span {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #fff;
  border: 4px solid #f84183;
}
.main .xieyi i {
  font-size: 0.29333333rem;
  color: #cf356e;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  font-style: normal;
}
.main .xieyi a {
  text-decoration: underline;
  color: #fff;
  font-size: 0.29333333rem;
}
.main .denglu {
  width: 80%;
  height: 0.61333333rem;
  border: none;
  background: #a51658;
  outline: none;
  color: #fff;
  border-radius: 5px;
  font-size: 0.34666667rem;
}
.main .huiyuan {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main .huiyuan i {
  font-size: 0.29333333rem;
  color: #cf356e;
  padding: 0 5px;
  font-style: normal;
}
.main .huiyuan a {
  text-decoration: underline;
  color: #fff;
  font-size: 0.29333333rem;
}
